#headerdiv {
	height: 88px;
	background-color: #27ABFF;
}

#menudiv {
	width: 1000px;
	margin: auto auto;
	padding-top: 20px;
}


.menuButton, .menuButton .ui-button:focus{
	height: 48px;
	float: left;
	width: 48px;
	margin-right: 25px;
	border: none !important;
	background: none !important;
	text-shadow: none;
}

#formHeader\:account {
	display: block;
	width: 100px;
	margin-top: -10px;
	height: 30px !important;
	float: right;
	font-family: "faricy-new-web", helvetica, sans-serif;
	font-weight: 300;
	text-decoration: none;
	color: #FFF;
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
	font-size: 1.375rem;
	margin-top: 12px;
}

.recipesIcon {
	background-image: url("#{resource['images/menu/recipes.png']}") !important;
}

.foodTableIcon {
	background-image: url("#{resource['images/menu/foodTable.png']}") !important;
}

.activities {
	background-image: url("#{resource['images/menu/activities.png']}") !important;
}

.workouts {
	background-image: url("#{resource['images/menu/workouts.png']}") !important;
}

.foodJournal {
	background-image: url("#{resource['images/menu/foodJournal.png']}") !important;
}

.workoutJournal {
	background-image: url("#{resource['images/menu/workoutJournal.png']}") !important;
}

.measure {
	background-image: url("#{resource['images/menu/measure.png']}") !important;
}

.calculators {
	background-image: url("#{resource['images/menu/calculators.png']}") !important;
}